<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Biking everywhere</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript" src="scripts/popupDIV.js"></script>
<script language="JavaScript" type="text/javascript" src="scripts/ajaxFunctions.js"></script>
<script language="JavaScript" type="text/javascript" src="scripts/pageUtils.js"></script>
<script language="JavaScript" type="text/javascript" src="scripts/jquery.js" charset="utf-8"></script>
<script language="JavaScript" type="text/javascript" src="scripts/prototype.js" charset="utf-8"></script>
</head>

<body>
<div id="newTarefa" style="width: 500px; margin-left: -250px; padding: 5px;">			
        <div style="text-align: right; margin-bottom: 5px; cursor: pointer; width: 7em; margin-left: 85%;"></div> 
        <div id="newTarefa_id"></div>
</div>
<iframe id="divMensagemCarregamento" style="display: none;" frameborder="0"></iframe>
<!--TopPan-->
<div id="topPan">
	<ul>
		<li class="menupadding"><a href="index.html">Home</a></li>
		<li class="menupadding"><a href="passeios.html">Passeios</a></li>
		<li class="menupadding"><a href="aventuras.html">Aventuras</a></li>
		<li class="menupadding"><a href="podcasts.html">Podcasts</a></li>
		<li class="selected">Fotos</li>
		<li class="menupadding"><a href="videos.html">Videos</a></li>
		<li class="menupadding"><a href="sobre.html">Sobre</a></li>
		<li class="menupadding"><a href="contato.html">Contato</a></li>
	</ul>
	<div id="topBeforePan">&nbsp;</div>
	<h1>Biking everywhere</h1>
	<div id="topAfterPan">&nbsp;</div>
</div>
<!--TopPan Close-->
<!--BodyPan-->
<div id="topBodyPan">&nbsp;</div>
<div id="bodyPan">
	<p class="bigtext">Estamos sempre atualizando nossas fotos!</p>
	<p>Voc&eacute; pode visitar nossas fotos no <a href="http://www.flickr.com">flickr</a> atraves do link abaixo.</p>
	<p><a href="http://www.flickr.com/photos/37659090@N02/sets/72157617104769637/">http://www.flickr.com/photos/37659090@N02/sets/72157617104769637/</a></p>
	<a href="#" onclick="javascript:openDiv('visualizaFoto.html');">Foto</a>
	
	<table>
	<tr>
		<td>
			<div class="pics" style="overflow: hidden; position:relative;">
			<img height="100" width="100" src="fotos/PCS2009143.jpg" style="position: relative; display: block; z-index: 4; opacity: 1; width: 100px; height: 100px;"/>
			</div>
		</td>
		<td>
			<div class="pics" style="overflow: hidden; position: relative; margin-left:20px;">
			<img height="100" width="100" src="fotos/PCS2009144.jpg" style="position: relative; display: block; z-index: 4; opacity: 1; width: 100px; height: 100px;"/>
			</div>
		</td>
		<td>
			<div class="pics" style="overflow: hidden; position: relative; margin-left:20px;">
			<img height="100" width="100" src="fotos/PCS2009151.jpg" style="position: relative; display: block; z-index: 4; opacity: 1; width: 100px; height: 100px;"/>
			</div>
		</td>
		<td>
			<div class="pics" style="overflow: hidden; position: relative; margin-left:20px;">
			<img height="100" width="100" src="fotos/DSC02897.JPG" style="position: relative; display: block; z-index: 4; opacity: 1; width: 100px; height: 100px;"/>
			</div>
		</td>
	</tr>
	<tr>
		<td>
			<div class="pics" style="overflow: hidden; position:relative;">
			<img height="100" width="100" src="fotos/DSCF2331.JPG" style="position: relative; display: block; z-index: 4; opacity: 1; width: 100px; height: 100px;"/>
			</div>
		</td>
		<td>
			<div class="pics" style="overflow: hidden; position: relative; margin-left:20px;">
			<img height="100" width="100" src="fotos/DSC00444.JPG" style="position: relative; display: block; z-index: 4; opacity: 1; width: 100px; height: 100px;"/>
			</div>
		</td>
		<td>
			<div class="pics" style="overflow: hidden; position: relative; margin-left:20px;">
			<img height="100" width="100" src="fotos/HPIM1502.JPG" style="position: relative; display: block; z-index: 4; opacity: 1; width: 100px; height: 100px;"/>
			</div>
		</td>
		<td>
			<div class="pics" style="overflow: hidden; position: relative; margin-left:20px;">
			<img height="100" width="100" src="fotos/HPIM0996.JPG" style="position: relative; display: block; z-index: 4; opacity: 1; width: 100px; height: 100px;"/>
			</div>
		</td>
	</tr>
	</table>
	
	
  <p class="more"><a href="contato.html">Mais</a></p>
  <h2>Alguns avisos importantes</h2>
	<p class="bigtext">Sempre &eacute; bom usar capacete, afinal quando voc&ecirc; cair, sua cabe&ccedil;a pode acabar n&atilde;o mais no lugar certo!</p>
	<p>Como j&aacute; mencionado, use sempre capacete e n&atilde;o se esque&ccedil;a de usar o equipamento de prote&ccedil;&atilde;o de acordo com a modalidade do esporte que voc&ecirc; pratica.</p>
	<p>Aqui &eacute; importante enfatizar que qualquer um que se aventurar &eacute; inteiramente respons&aacute; por si. N&atilde;o nos responsabilizamos por ningu&eacute;m que queira se juntar a nossos passeios. Apenas nos dispomos a sermos os guias de aventuras, sem nenhum &ocirc;nus por nossa parte para quem venha a participar. </p>
	 <p class="morenext"><a href="passeios.html">Mais</a></p>
</div>
<div id="bodybottomPan">&nbsp;</div>
<!--BodyPan Close-->
<!--FooterPan-->
<div id="footermainPan">
  <div id="footerPan">
  <ul>
  	<li><a href="#">Home </a>| </li>
  	<li><a href="#">Passeios </a>| </li>
  	<li><a href="#">Aventuras</a> | </li>
  	<li><a href="#">About us</a> | </li>
  	<li><a href="#">Contact </a> </li>
  </ul>
  
  <ul class="info">
  	<li class="address">23-Ambush road 0128thonhill <br />CANADA</li>
	<li class="phone"><span>PH: </span><br />
	  012-2568-6897 <br />
	  012-2568-6898</li>
	 <li class="fax"><span>FAX:</span> <br />
	  012-2568-6897 <br />
	  012-2568-6898</li>
    </ul>
   <p class="copyright">Time manager all right reaserved </p>
   <ul class="templateworld">
  	<li>Design By:</li>
	<li><a href="http://www.templateworld.com" target="_blank">Template World</a></li>
  	<li>ReDesign By:</li>
	<li><a href="#">Guilherme João Frantz</a></li>
  </ul>
  </div>
</div>
</body>
</html>
